import React, { Component } from 'react'

export default class CommentInput extends Component {
  render() {
    const { orderActive, setOrderActive } = this.props
    // console.log(orderActive)
    return (
      <div>
        <h3 className="comm-head">
          热门评论<sub>(5)</sub>
          <span
            onClick={() => setOrderActive('default')}
            className={orderActive === 'default' ? 'active' : ''}
          >
            默认
          </span>
          <span
            onClick={() => setOrderActive('time')}
            className={orderActive === 'time' ? 'active' : ''}
          >
            时间
          </span>
        </h3>
      </div>
    )
  }
}
